iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
0
Modern Web

後端的鉗形攻勢系列 第 7

[Day. 06] XAMPP與網頁開發的情感糾葛

  • 分享至 

  • xImage
  •  

XAMPP

https://ithelp.ithome.com.tw/upload/images/20200921/20126335trc7B7phhv.png

X指跨平台、A是Apache、M是MySQL(或者MariaDB,一個MySQL的分支),兩個P分別代表PHP和Perl。當然裡面包含的不只這些。

簡而言之,XAMPP是網頁伺服器架站工具

安裝

首先進入XAMPP官網,選擇符合自己電腦的安裝檔
https://ithelp.ithome.com.tw/upload/images/20200921/20126335pbnA1xRosm.png
等待下載完成後,打開安裝檔。Next->
https://ithelp.ithome.com.tw/upload/images/20200921/20126335UpVdxWNunt.png
預設是全選。Next->
https://ithelp.ithome.com.tw/upload/images/20200921/20126335zPD8F15Z26.png
我選擇改放在D槽。Next->
https://ithelp.ithome.com.tw/upload/images/20200921/20126335kE5yQoPTMS.png
選擇語言介面,不過也只有德語和英語供選擇。Next->
https://ithelp.ithome.com.tw/upload/images/20200921/20126335mfTsq6kIV1.png
這裡的勾勾可以取消,不然會跳出視窗給你更多資訊唷><。Next->
https://ithelp.ithome.com.tw/upload/images/20200921/20126335M76hUMQwnh.png
Next->
https://ithelp.ithome.com.tw/upload/images/20200921/20126335ipzzzz3vim.png
之後等他跑完點選finish就安裝好囉~

啟動XAMPP與測試

啟動面板:
https://ithelp.ithome.com.tw/upload/images/20200921/201263358LfqsuEg2h.png
點選APACHE和MYSQL的START
https://ithelp.ithome.com.tw/upload/images/20200921/20126335nYOYLZkaBl.png

接下來,到以下目錄:剛剛安裝XAMPP的位置/htdocs/建立一個IT30的資料夾
https://ithelp.ithome.com.tw/upload/images/20200921/20126335efe1Ci8aSz.png
新增一個index.php的檔案。
index.php的內容:

<?php
    phpinfo();
?>

開啟瀏覽器打上http://localhost/IT30/index.php ,神奇的事情就會發生囉
https://ithelp.ithome.com.tw/upload/images/20200921/20126335HtqzzAs97w.png
咦?這過程發生了甚麼事呢?

當我們瀏覽http://localhost/IT30/index.php 時,XAMPP去存取位於我們電腦XAMPP/htdocs底下的IT30/index.php,也就是我們剛才所撰寫的簡單印出php資訊的程式碼。

透過這個工具,我們就可以開始撰寫網頁了!!


上一篇
[Day. 05] PHP,Please Help me Program.
下一篇
[Day. 07] 簡單的網頁試啼
系列文
後端的鉗形攻勢31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言